<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>商品管理界面</title>
    <head th:include="~{sys/common/include::head}"></head>
    <!--    自定义-->
    <link rel="stylesheet" th:href="@{/assets/sys/goods/list.css}">
    <link rel="stylesheet" th:href="@{/assets/sys/common/list.css}">

</head>
<body>
<aside th:replace="~{sys/common/include::aside}"></aside>
<main class="main-wrap">
    <header th:replace="~{sys/common/include::main-header}"></header>
    <section class="content-main">
    <div class="search">
        <form id="search-form" class="layui-form" lay-filter="search-form">
            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">ID:</label>
                <div class="layui-input-inline">
                    <input type="text" name="id"
                           placeholder="请输入ID" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-inline w-280" >
                <label class="layui-form-label w-100" >sku编号:</label>
                <div class="layui-input-inline w-170" >
                    <input type="text" name="skuNo"
                           placeholder="请输入sku编号" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">名称:</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="请输入商品名称" autocomplete="off"
                           class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">关键字:</label>
                <div class="layui-input-inline">
                    <input type="text" name="keyword" placeholder="请输入关键字" autocomplete="off"
                           class="layui-input">
                </div>
            </div>


            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">类别:</label>
                <div class="layui-input-inline">
                    <input type="text" name="categoryName" placeholder="请选择所属类别" autocomplete="off"
                           class="layui-input" readonly>
                    <input name="categoryId" type="hidden">
                </div>
            </div>

            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">品牌:</label>
                <div class="layui-input-inline">
                    <select name="brandId"></select>
                </div>
            </div>

            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">价格:</label>
                <div class="layui-input-inline w-100">
                    <input type="number" name="minPrice" placeholder="最低价" autocomplete="off" class="layui-input"
                           min="0" step="1" lay-affix="number">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline w-100" >
                    <input type="number" name="maxPrice" placeholder="最高价" autocomplete="off" class="layui-input"
                           min="0" step="1" lay-affix="number">
                </div>
            </div>

            <div class="layui-form-item layui-inline">
                <label class="layui-form-label">库存:</label>
                <div class="layui-input-inline w-100">
                    <input type="number" name="minQty" placeholder="下限" autocomplete="off" class="layui-input" min="0"
                           step="1" lay-affix="number">
                </div>
                <div class="layui-form-mid">-</div>
                <div class="layui-input-inline w-100">
                    <input type="number" name="maxQty" placeholder="上限" autocomplete="off" class="layui-input" min="0"
                           step="1" lay-affix="number">
                </div>
            </div>
        </form>
    </div>
    <div class="data-gird">
        <table id="tbl" lay-filter="tbl">
            <!--            表格工具栏-->
            <script type="text/html" id="toolbar">
                <div class="layui-btn-container">
                    <button class="layui-btn layui-btn-sm custom-green" lay-event="add">
                        <i class="layui-icon layui-icon-add-circle"></i>新增
                    </button>
                    <button class="layui-btn layui-btn-sm custom-green" lay-event="edit">
                        <i class="layui-icon layui-icon-edit"></i>修改
                    </button>
                    <button class="layui-btn layui-btn-sm custom-green" lay-event="search">
                        <i class="layui-icon layui-icon-search"></i>查询
                    </button>

                    <button class="layui-btn layui-btn-sm layui-bg-red" lay-event="del">
                        <i class="layui-icon layui-icon-delete"></i>删除
                    </button>
                    <button class="layui-btn layui-btn-sm custom-green" lay-event="reset">
                        <i class="layui-icon layui-icon-refresh"></i>重置
                    </button>
                </div>

            </script>
            <!--            行工具栏-->
            <script type="text/html" id="rowbar">
                <a class="layui-btn layui-btn-xs layui-btn-normal custom-green" lay-event="view">查看</a>
                <a class="layui-btn layui-btn-xs layui-btn-normal custom-green" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>

            </script>

        </table>
    </div>

    </div>
    </section>
</main>

<div th:include="~{sys/common/include::scripts}"></div>
<script th:src="@{/assets/sys/goods/list.js}"></script>

</body>

</html>